body{
    margin:0;
    padding: 0;
    font-size: 14px;
    color:#333;
}
.card{
    background: white;
    padding: 10px;
    border-radius: 5px;
    box-shadow: 0 0  4px rgba(0,0,0,.12);

}
/* 全局按钮样式优化 */
.el-button {
    transition: all 0.25s cubic-bezier(0.645, 0.045, 0.355, 1) !important;
    transform: translateZ(0);
}

.el-button:hover {
    transform: translateY(-2px);
}

.el-button:active {
    transform: translateY(0);
}

/* 卡片悬停效果 */
.card {
    transition: all 0.3s ease;
    transform: translateZ(0);
    will-change: box-shadow, transform;
}

.card:hover {
    box-shadow: 0 10px 20px rgba(0, 0, 0, 0.1) !important;
    transform: translateY(-3px);
}

/* 表格行悬停效果 */
.el-table__row {
    transition: background-color 0.2s ease;
}/* 模态框动画优化 */
:deep(.el-dialog) {
    animation: dialogFadeIn 0.3s cubic-bezier(0.23, 1, 0.32, 1) !important;
}

@keyframes dialogFadeIn {
    from {
        opacity: 0;
        transform: translate(-50%, -45%) scale(0.95);
    }
    to {
        opacity: 1;
        transform: translate(-50%, -50%) scale(1);
    }
}

:deep(.el-dialog__wrapper) {
    background-color: rgba(0, 0, 0, 0) !important;
    transition: background-color 0.3s ease !important;
}

:deep(.el-dialog__wrapper.is-visible) {
    background-color: rgba(0, 0, 0, 0.5) !important;
}